<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"  
    	xmlns:h="http://java.sun.com/jsf/html"  
    	xmlns:f="http://java.sun.com/jsf/core"  
    	xmlns:p="http://primefaces.org/ui"
    	xmlns:ui="http://java.sun.com/jsf/facelets"
      	xmlns:a4j="http://richfaces.org/a4j"> 

<h:head><p:panel id="titlePanel" header="Modifica delle escursioni associate ad una istanza"></p:panel></h:head> 
<body>
	<p:carousel id="escursioniCarousel" value="#{escursioniBean.listaEscursioni}" var="escursioneDTO">  
	    <f:facet name="header">  
	            Escursioni disponibili
	    </f:facet>  
	    <h:panelGrid columns="1" style="width:100%" cellpadding="2">    
	      	<h:outputText value="ID: #{escursioneDTO.id}" />   
	      	<h:outputText value="Città: #{escursioneDTO.citta}" />        
	        <h:outputText value="Descrizione: #{escursioneDTO.descrizione}" />
	        <h:outputText value="Prezzo: #{escursioneDTO.prezzo}" />  	     
	    </h:panelGrid>   
	</p:carousel>  
	<p:carousel id="escursioniCarousel2" value="#{istanzaBean.listaEscursioni}" var="escursioneDTO">  
	    <f:facet name="header">  
	            Escursioni associate all'istanza selezionata
	    </f:facet>  
	    <h:panelGrid columns="1" style="width:100%" cellpadding="2">    
	      	<h:outputText value="ID: #{escursioneDTO.id}" />   
	      	<h:outputText value="Città: #{escursioneDTO.citta}" />        
	        <h:outputText value="Descrizione: #{escursioneDTO.descrizione}" />
	        <h:outputText value="Prezzo: #{escursioneDTO.prezzo}" />  	     
	    </h:panelGrid>   
	</p:carousel> 
	<h:form>
		<p:panel header="Inserisci l'ID dell'escursione da aggiungere">
				<h:outputLabel for="id">*ID:</h:outputLabel>
				<p:inputText id="id" value="#{istanzaBean.escursioneDTO.id}" />
				<p:message for="id" />
		
			<p:commandButton value="Aggiungi escursione" action="#{istanzaBean.aggiungiEscursione()}"/>
		</p:panel>
	</h:form>
	<h:form>
		<p:panel header="Inserisci l'ID dell'escursione da eliminare">
				<h:outputLabel for="id">*ID:</h:outputLabel>
				<p:inputText id="id" value="#{istanzaBean.escursioneDTO.id}" />
				<p:message for="id" />
		
			<p:commandButton value="Elimina escursione" action="#{istanzaBean.eliminaEscursione()}"/>
		</p:panel>
	</h:form>

</body> 
</html>
